<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <META name="viewport"
  content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <style>
    * {
    margin: 0;
    padding: 0;
}
  body{
    font-size:16px;
  }
  .header{
  
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 45px;
    background: #21a4f4;
    
    
  }
  .header p{
    margin-left:20px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    display:inline-block;
  }
  .header span{
    color:#fff;
    margin-right: 20px;
    float: right;
    line-height: 45px;
  }
  .content{
    margin-top:45px;
  }
  .nav{
  background-color: #fff;
  }
  .header-two{
  
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 45px;
    background: #21a4f4;
    
    
  }
  .header-two p{
    margin-left:20px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    display:inline-block;
  }
  .header-two span{
    color:#fff;
    margin-left:6px;
    line-height: 45px;
  }
  .header-two i{
    color:#fff;
    margin-left: 20px;
    line-height: 45px;
  }
  .header-two input{
    border:none;
    
    width:80%;
    background-color:transparent;
  }
  .sort_box-two{
    display:block;
  }
  .input{
    border-bottom: 2px #fff solid;
    display: inline-block;
    height: 42px;
    width: calc(100% - 50px);
  }
  ul li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
html{height: 100%;}
a,input,img,textarea,span,div{outline: 0;-webkit-tap-highlight-color:rgba(255,0,0,0);}
 
#letter{
    width: 100px;
    height: 100px;
    border-radius: 5px;
    font-size: 75px;
    color: #555;
    text-align: center;
    line-height: 100px;
    background: rgba(145,145,145,0.6);
    position: fixed;
    left: 50%;
    top: 50%;
    margin:-50px 0px 0px -50px;
    z-index: 99;
    display: none;
}
#letter img{
    width: 50px;
    height: 50px;
    float: left;
    margin:25px 0px 0px 25px;
}
[class^="sort_box"]{
    width: 100%;
    padding-top: 45px;
    overflow: hidden;
    
}
[class^="sort_list"]{
    padding:10px 60px 10px 80px;
    position: relative;
    line-height: 50px;
    border-bottom:1px solid #ddd;
}
 
[class^="sort_list"] .num_logo{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 20px;
}
[class^="sort_list"] .num_logo img{
    width: 50px;
    height: 50px;
}
/*自己添加的按钮开始*/
[class^="sort_list"] .num_submit{
    /*width: 50px;
    height: 50px;*/
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top:17px;
}
[class^="sort_list"] .num_submit button{
    /*width: 50px;
    height: 50px;*/
}
/*自己添加的按钮结束*/
[class^="sort_list"] .num_name{
    color: #000;
}
 
.sort_letter{
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    color:#787878;
    font-size: 14px;
    border-bottom:1px solid #ddd;
}
.initials{
    position: fixed;
    top: 47px;
    right: 0px;
    height: 100%;
    width: 15px;
    padding-right: 10px;
    text-align: center;
    font-size: 12px;
    z-index: 99;
    background: rgba(145,145,145,0);
}
.initials li img{
    width: 14px;
}
  </style>
  <!-- Fonts -->
<link
  href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400'
  rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900'
  rel='stylesheet' type='text/css'>
<!-- CSS Libs -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
  href="css/bootstrap-switch.css">
 
  <script src="js/jquery-1.9.1.min.js"></script>
  <script type="text/javascript" src="js/jquery.charfirst.pinyin.js"></script>
  <script type="text/javascript" src="js/circle.js"></script>
 
 </HEAD>
 
 <BODY>
  <div class="header-two">
     <div>
      <i class="glyphicon glyphicon-chevron-left" οnclick="back()"><a href="javascript:back()"></a> </i>
      <div class="input">
        <span class="glyphicon glyphicon-search"></span> 
        <input id="search" type="text" />
      </div>
    </div>
    </div>
    
    <div class="header">
     <div>
      <p>通讯录</p>
      <span class="glyphicon glyphicon-plus"></span>
      <span id="gosearch" class="glyphicon glyphicon-search"></span>
    </div>
    </div>
    <div id="letter" ></div>
    <div class="sort_box-two">
    
  </div>
  <div class="sort_box">

    
    <div class="sort_list">
      <div class="num_logo">
        <img src="images/avator.png" alt="">
      </div>
      <div class="num_name">a九</div>
       <div class="num_submit">
<button type="button" class="btn btn-success">邀请好友</button>
       </div>
    </div>
	
	
	<div id='mail-list'></div>
	
	
	
  </div>
  <div class="initials">
    <ul>
    </ul>
  </div>
<!-- uni 的 SDK -->
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.1.js"></script>
<script type="text/javascript">
	function GetRequest(url) {  
	   //获取url中"?"符后的字串  
	   var theRequest = new Object();  
	   if (url.indexOf("?") != -1) {  
	      var str = url.substr(1);  
	      strs = str.split("&");  
	      for(var i = 0; i < strs.length; i ++) {  
	         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);  
	      }  
	   }  
	   return theRequest;  
	}  
	document.addEventListener('UniAppJSBridgeReady', function() {
		let str = window.location.search;
		var num=str.indexOf("?");
		var pathString='paths=';
		str=str.substr(num+1+pathString.length);
		
		var zhuanStr=decodeURIComponent(str);
		alert(zhuanStr);
		console.log(zhuanStr);
		// alert(zhuanStr);
		// zhuanStr=eval(zhuanStr);
		zhuanStr=JSON.parse(zhuanStr);
		// zhuanStr=eval('(' + zhuanStr + ')');
		// alert(zhuanStr[0]['id']);
	
		// alert(zhuanStr.id);
		// console.log('zhuanStr',GetRequest(zhuanStr));
		document.querySelector('#mail-list').append();
		// console.log('html得到str的值',str);
		// var url='http://www.baidu.com';
		// plus.runtime.openURL(url);
		// uni.postMessage({
		//     data: {
		//         str: str
		//     }
		// });
   		// uni.reLaunch({
   		// 	url: '/pages/index/index?str=' + str,//这个路径就是你自己项目需要回调的页面,str是你的传参   			animationType: 'none',
     //      	animationDuration: 0
   		// });//网页向应用 postMessage 时，会在特定时机（后退、组件销毁、分享）触发并收到消息。所以这段代码是必须的
	});
</script>
 </BODY>
</HTML>